<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        /*
            * ajax请求
            * 参数说明
            *  type  请求数据的类型   get / post
            *  path  接口的路径
            *  dataType 后端的返回值类型  json/JSON / 其他
        */

        // 当参数过多的时候，一般选择用对象的方式传参!!!!!!!!!!!!!
        // 参数的默认值  

        function ajax(obj) {
            // 解构
            const {
                // 请求方式默认为get
                type = 'get',
                path,
                // 后端返回的数据类型默认为json
                dataType = 'json',
                cb
            } = obj;
            
            const xhr = new XMLHttpRequest();
            xhr.open(type, path, true);
            xhr.send();
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    let data = xhr.responseText;


                    // 数据可能是普通的字符串    也可能是json
                    if (dataType.toLowerCase() === 'json') {
                        data = JSON.parse(data);
                    }
                    // 数据请求成功以后要做事情
                    cb(data);

                }
            }
        }


        ajax({
            path: '../data/pro.json',
            cb: res => {
                console.log(res);
            }
        })



        const arr = [1,2,3,4,5]
        console.log(arr.valueOf());
        console.log(arr);

    </script>

</body>

</html>